<template>
  <div>
    <el-row :gutter="20" style="width: 90%; margin: 0 auto">
      <el-col :span="24" :offset="0">
        <h4>基本信息</h4>
      </el-col>
      <div class="msgBody">
        <el-col class="msgItem" :span="8" :offset="0">
          推广人:{{ message.name }}</el-col
        >
        <el-col class="msgItem" :span="8" :offset="0">
          单位:{{ message.station }}
        </el-col>
        <el-col class="msgItem" :span="8" :offset="0">
          手机号:{{ message.nickname }}
        </el-col>
        <el-col class="msgItem" :span="8" :offset="0"> 注册时间:</el-col>
      </div>
      <el-col :span="24" :offset="0">
        <h4>推广记录</h4>
        <!-- <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="推广数据" name="first">
            <el-table v-loading="loading" :data="postList" style="width:60%">
              <el-table-column label="日期" align="center" prop="terminacode" />
              <el-table-column
                label="推广新用户"
                align="center"
                prop="machinecode"
              />
              <el-table-column
                label="推广订单"
                align="center"
                prop="city"
              /> </el-table
          ></el-tab-pane>
          <el-tab-pane label="推广用户详情" name="second">
            <el-table v-loading="loading" :data="postList" style="width:70%">
              <el-table-column
                label="注册时间"
                align="center"
                prop="terminacode"
              />
              <el-table-column
                label="推广用户账号"
                align="center"
                prop="machinecode"
              />
              <el-table-column label="推广订单" align="center" prop="city" />
              <el-table-column
                label="推广用户手机号"
                align="center"
                prop="city"
              /> </el-table
          ></el-tab-pane>
          <el-tab-pane label="推广订单详情" name="third">
            <el-table v-loading="loading" :data="postList" style="width:70%">
              <el-table-column
                label="下单时间"
                align="center"
                prop="terminacode"
              />
              <el-table-column
                label="推广订单号"
                align="center"
                prop="machinecode"
              />
              <el-table-column label="目的地" align="center" prop="city" />
              <el-table-column label="订单状态" align="center" prop="city" />
              <el-table-column label="用户手机号" align="center" prop="city" />
              <el-table-column
                label="出发地"
                align="center"
                prop="city"
              /> </el-table
          ></el-tab-pane>
        </el-tabs> -->
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { selectById, resetPwd } from "@/api/marketing/promoterDetails";
import utils from "../../js/index";
export default {
  components: {},
  props: [],
  data() {
    return {
      // 用户列表
      tableData: [],
      //内容详情
      message: {},
      //   tab切换
      activeName: "first"
    };
  },
  computed: {},
  created() {
    this.getDetails();
  },
  mounted() {},
  methods: {
    // 用户列表gbgg
    getDetails() {
      selectById({ id: this.$route.query.id }).then(response => {
        if (response.code == 200) {
          this.message = response.data;
          // console.log(this.message);
          // console.log(response);
        }
      });
    },
    handleClick(tab, event) {
      console.log(tab, event);
    },
    // 跳转到订单详情
    getCode(sn) {
      this.$router.push({
        path: "/service/orderMessage",
        query: {
          orderCode: sn
        }
      });
    },
    // 日期格式化
    newDate(date) {
      return utils.utils.NewDate(date);
    }
  }
};
</script>

<style scoped>
.msgItem {
  line-height: 30px;
}
</style>
